<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		hr{
			width: 50%;
			/*text-align: center;*/
			margin:auto;
		}
	</style>
</head>
<body>
	<article>
		<header>
			<h1>仙女集中营</h1>
			<p>我们都是<mark>小仙女</mark></p>
		</header>
	</article>
	<hr />
	<form>
		<label>男<input type="radio" name="sex" id="male" value="male"></label><br/>
		<label>女<input type="radio" name="sex" id="female" value="female" ></label>
		<input type="" name="" accesskey="q">
		<input type="" name="" accesskey="y">
		<input type="" name="" accesskey="a">
	</form>
	<nav>
		<a href="/html/">HTML</a> |
		<a href="/css/">CSS</a> |
		<a href="/js/">JavaScript</a> |
		<a href="/jquery/">jQuery</a>
	</nav>

	<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
		<input type="range" id="a" value="50">100
		+<input type="number" id="b" value="50">
		=<output name="x" for="a b"></output>
	</form>
	<pre>你好
	世界！  嗯呐
				厉害了
	</pre>
	<progress value="2" max="80"></progress>
	<ruby>
		hello <rt><rp>(</rp>厉害<rp>)</rp></rt>
	</ruby>
	<details style="width: 150px;color: #d5d5d5;">
		<summary>HTML</summary>
		我还在学习
	</details>
	<a href="" tabindex="1">1</a>
	<a href="" tabindex="2">2</a>
	<a href="" tabindex="3">3</a>
	<p title="Hello World">hello<p>
</body>
</html>